@import "@/styles/__index.less";

.stat-group {
  flex: 3;
  padding: 12px;
  display: flex;

  .icon-stat {
    flex: 1;
    display: flex;

    .icon {
      flex: 3;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
    }

    .infos {
      flex: 4;
      margin-left: 10px;
      padding: 10px 0px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;

      .wrap-1 {
        .number {
          .pmzd-orange;
          font-size: 36px;
        }

        .unit {
          margin-left: 6px;
        }
      }
    }
  }

  .wrap-stat {
    flex: 1;
    margin-left: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .wrap-item {
      padding: 0px 6px;
      background: linear-gradient(to top, rgba(71, 135, 135, .4), #00000000);
      border-radius: 4px;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .title {
        font-size: 15px;
      }

      .number {
        .pmzd-blue;
        font-size: 22px;
      }
    }
  }
}
